<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>春节活动</title>
    <script src="{$oss}/active/newyear/js/rem.js"></script>
    <link rel="stylesheet" href="{$oss}/active/year_activ/2021/css/style.css?v=2">
<!--        <link rel="stylesheet" href="/static/sixyear/css/style.css?v=7">-->
    <!--    <meta name="description" content="{$descript}">-->
    <script src="https://static.mlinks.cc/scripts/dist/mlink.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<body>
<div class="content" style="height: 100VH;overflow: hidden">
    <div class="img-item">
        <img src="{$oss}/active/year_activ/2021/img/h1.png?v=1" alt="">
        <div class="des1">除夕到初六，惊喜不断</div>
        <div class="des2">每天8点开始，优惠券，免费券等你来拿</div>
    </div>
    {if $record}
    <div class="tip-box">
        <div class="tip-content-box">
            {foreach name='record' item='v'}
            <div class="tip-item">
                <span>{$v.nickname}抢到"{$v.cname}"</span>
            </div>
            {/foreach}
            <div class="tip-item">
                <span>{$record[0]['nickname']}抢到"{$record[0]['cname']}"</span>
            </div>
        </div>
    </div>
    {/if}
    <!--    内容-->
    <div class="item-box" style="margin-top: 0">
        <div class="item-box-style">
            <div style="width: 7.5rem;height: 6rem;overflow: hidden;margin-bottom: 0.1rem">
                <div class="to-down" id="btn2"></div>
            </div>
        </div>
    </div>
</div>
<style>
    .bottom {
        width:100%;
        height: 1rem;
        position: fixed;
        z-index: 100000000;
        bottom: 0;
        color: #fff;
    }

    .shadow {
        width: 100%;
        height: 1rem;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .bo-left {
        width: 0.44rem;
        height: 0.44rem;
        line-height: 0.44rem;
        font-size: 0.3rem;
        display: block;
        float: left;
        position: relative;
        z-index: 2;
        text-align: center;
        border: 0.01rem solid #fff;
        border-radius: 50%;
        margin: 0.24rem 0.28rem 0.24rem 0.19rem;
    }

    .bo-logo {
        padding: 0.15rem 0;
        float: left;
        position: relative;
        z-index: 2;
    }

    .bo-logo img {
        width: 0.7rem;
        height: 0.7rem;
        border-radius: 0.05rem;
    }

    .bo-des {
        width: 5.8rem;
        height: 1rem;
        line-height: 1rem;
        float: left;
        position: relative;
        z-index: 2;
        padding-left: 0.28rem;
        box-sizing: border-box;
        font-size: 0.30rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
    }

    .bo-btn {
        float: right;
        height: 1rem;
        position: absolute;
        right: 0;
        z-index: 20;
        background: rgba(255, 108, 137, 1);
    }

    .bo-btn a {
        display: block;
        width: 1.7rem;
        height: 1rem;
        text-align: center;
        color: #fff;
        text-decoration: none;
        line-height: 1rem;
        font-size: 0.30rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        outline: none;
    }
</style>
<div class="bottom" id="bottom">
    <div class="shadow"></div>
    <div class="bo-left" id="close" onclick="closeApp()">x</div>
    <div class="bo-logo">
        <img src="{$oss}/uploads/20180329/33503860a02a86f4c23d59ac75ec5b59.jpg" alt="">
    </div>
    <div class="bo-des">启动APP体验更多惊喜</div>
    <div class="bo-btn">
        <a href="javascript:;" id="btn">打开APP</a>
    </div>
</div>
</body>
<script type="text/javascript" src="{$oss}/active/newyear/js/jquery-v2.1.1.min.js"></script>
<script type="text/javascript">
    $(function () {
        new Mlink([
            {
                mlink: 'https://axelkv.mlinks.cc/AesI',//六周年活动
                button: document.querySelector('a#btn')
            },{
                mlink: 'https://axelkv.mlinks.cc/AesI',//六周年活动
                button: document.querySelector('div#btn2')
            },
        ]);
    })
    function closeApp()
    {
        document.getElementById('bottom').style.display = 'none';
    }
</script>
<script type="text/javascript">
    var toShare = null;
    var getCoupon = null;
    var commonJsToNative = null;
    var toastHide = null;
    $(function () {
        function tipReload(herght, index, num, time) {
            if (num < 1) {
                return;
            }
            if (index > 0) {
                $('.tip-content-box').animate({top: '-' + (herght * index) + 'px'}, 700);
                if (index == num) {
                    setTimeout(function () {
                        $('.tip-content-box').css({top: '0px'});
                    }, 750);
                    index = 0;
                }
            }
            index++;
            setTimeout(function () {
                tipReload(herght, index, num, time)
            }, time)
        }

        tipReload($('.tip-item').height(), 0, {$recordLen}, 5000);
        wx.config({
            debug: false,
            appId: '{$signPackage.appId}',
            timestamp: {$signPackage.timestamp},
            nonceStr: '{$signPackage.nonceStr}',
            signature: '{$signPackage.signature}',
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
        });
        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: '{$shareTitle}', // 分享标题
                desc: '{$descript}', // 分享描述
                link: '{$signPackage.url}', // 分享链接
                imgUrl: 'https://oss.goddessxzns.com/picture/uploads/logo.png?x-oss-process=style/show', // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareTimeline({
                title: '{$shareTitle}', // 分享标题
                link: '{$signPackage.url}', // 分享链接$signPackage.url
                imgUrl: 'https://oss.goddessxzns.com/picture/uploads/logo.png?x-oss-process=style/show', // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
        });
    })
</script>
{include file="../apps/web/view/public/sensors.html" /}
<script>
    var cnzz_s_tag = document.createElement('script');
    cnzz_s_tag.type = 'text/javascript';
    cnzz_s_tag.async = true;
    cnzz_s_tag.charset = 'utf-8';
    cnzz_s_tag.src = 'https://w.cnzz.com/c.php?id=1279233618&async=1';
    var root_s = document.getElementsByTagName('script')[0];
    root_s.parentNode.insertBefore(cnzz_s_tag, root_s);
</script>
</html>
